<@nerve.header title="">
<#--分类导航-->
<ul class="tit">
    <li class="mod-cate">
        <h2><a href="#">品牌</a></h2>
        <p class="mod-cate-r">
            <#list model.brands as b>
			<a href="list.do?brand=${b.name!''}">${b.name!''}</a>
			</#list>
        </p>
    </li>
    <li class="mod-cate">
        <h2><a href="#">分类</a></h2>
        <p class="mod-cate-r">
            <#list model.categorys as c>
			<a href="list.do?categoryId=${c.id}">${c.name!''}</a>
            </#list>
        </p>
    </li>
    <li class="mod-cate">
        <h2><a href="#">车身类型</a></h2>
        <p class="mod-cate-r">
        	<@nerve.index_category />
		</p>
    </li>
    <li class="mod-cate">
        <h2><a href="javascript:;">价格</a></h2>
        <p class="mod-cate-r">
            <a href="javascript:;" onclick="c('price','3-5')">3-5万</a>
            <a href="javascript:;" onclick="c('price','5-8')">5-8万</a>
            <a href="javascript:;" onclick="c('price','8-12')">8-12万</a>
            <a href="javascript:;" onclick="c('price','12-18')">12-18万</a>
            <a href="javascript:;" onclick="c('price','18-24')">18-24万</a>
            <a href="javascript:;" onclick="c('price','24-35')">24-35万</a>
        </p>
    </li>
    <li class="mod-cate">
        <h2><a href="javascript:;">车龄</a></h2>
        <p class="mod-cate-r">
            <a href="javascript:;" onclick="c('year','0-1')">1年内</a>
            <a href="javascript:;" onclick="c('year','0-2')">2年内</a>
            <a href="javascript:;" onclick="c('year','0-3')">3年内</a>
            <a href="javascript:;" onclick="c('year','3-5')">3-5年</a>
            <a href="javascript:;" onclick="c('year','5-8')">5-8年</a>
            <a href="javascript:;" onclick="c('year','8-')">其他</a>
        </p>
    </li>
    <li class="mod-cate">
        <h2><a href="javascript:;">里程</a></h2>
        <p class="mod-cate-r">
            <a href="javascript:;" onclick="c('mileage','0-1')">1万公里内</a>
            <a href="javascript:;" onclick="c('mileage','0-2')">2万公里内</a>
            <a href="javascript:;" onclick="c('mileage','0-3')">3万公里内</a>
            <a href="javascript:;" onclick="c('mileage','0-5')">5万公里内</a>
            <a href="javascript:;" onclick="c('mileage','0-10')">10万公里内</a>
        </p>
    </li>
</ul>
<div class="mod-cate2"></div>
</@nerve.header>

<div class="ic_content">
    <div class="core">
        <div class="container clearfix">
            <div class="grid-s"></div>
            <!--//class grid-s-->
            <div class="grid-m">
                <div class="slide-box" id="slide-box">
                    <div class="hd">
                        <ul><li>1</li><li>2</li><li>3</li></ul>
                    </div>
                    <div class="bd">
                        <ul>
                            <li><a target="_blank" href="#"><img src="${RE}/images/slide01.png"></a></li>
                            <li><a target="_blank" href="#"><img src="${RE}/images/slide02.png"></a></li>
                            <li><a target="_blank" href="#"><img src="${RE}/images/slide03.png"></a></li>
                        </ul>
                    </div>
                    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                    <a href="javascript:void(0)" class="prev"></a>
                    <a href="javascript:void(0)" class="next"></a>
                </div>
                <!--//class slide-box-->
                <div class="valuation">
                    <h2>二手车估价</h2>
                    <div class="valuation-content clearfix">
                        <img src="${RE}/images/valueation-pic.png" class="push-left">
                        <form id="v1" method="post" action="resale.do" onsubmit="return chengResale()" class="car-val push-right">
            				<input type="hidden" name="bean.category" value="1"/>
                            <div class="form-group" style="margin-bottom:10px;">
                                <label>*车型:</label>
                                <@nerve.brandSelect class="form-control" name="bean.brand.id" />
                                <input id="self" placeholder="或者直接填写" type="text" name="bean.title" class="form-control">
                            </div>
                            <!--//class form-group-->
                            <div class="form-group" style="margin-bottom:10px;">
                                <label>*年份:</label>
                                <select id="date" name="bean.regYear" class="form-control year">
			                        <option>选择年份</option>
			                        <#list 1998..2014 as m>
									<option value="${m}">${m}</option>
									</#list>
			                    </select>
                                <select class="form-control year" name="bean.regMonth">
			                        <option>选择月份</option>
			                        <#list 1..12 as m>
									<option value="${m}">${m}</option>
									</#list>
			                    </select>
                                <label>*里程:</label>
                                <input type="text"  name="bean.mileage" class="form-control lc">
                            </div>
							<div class="form-group" style="margin-bottom:10px;">
                                <label>*姓名:</label>
                                <input type="text" name="bean.sellerName" class="form-control" placeholder="填写联系人">
                                <label style="margin-left:60px;">*手机:</label>
                                <input type="text" name="bean.sellerTelephone" class="form-control" placeholder="填写联系方式">
                            </div>
                            <div class="form-group">
                                <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                <button type="submit" class="btn btn-val">立刻估价</button>
                            </div>
                        </form>
                    </div>
                </div>
                <!--class home-valuation-->
            </div>
            <!--//class grid-m-->
            <div class="grid-e">
                <div class="adv">
                    <ul class="pic">
                        <li><a href="#" target="_blank"><img src="${RE}/images/adv01.png"/></a></li>
                        <li><a href="#" target="_blank"><img src="${RE}/images/adv02.png"/></a></li>
                    </ul>
                    <ul class="hd">
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <!--//class adv-->
                <div class="notice">
                    <dl class="n-why-1">
                        <dt>
                            <i>为什么我们的车</i>
                            <strong>绝对靠谱？</strong>
                        </dt>
                        <dd>
                            最大最专业的二手车行<br>
                            全部车辆通过110项权威检测<br>
                            车况透明  价格公平<br>
                            四家实体展厅 实力雄厚<br>
                            100%个人车源 拒绝车贩子<br>
                            明买明卖 不赚取一分钱差价
                        </dd>
                    </dl>
                </div>
            </div>
            <!--//class grid-e-->
        </div>
        <!--//class container-->
    </div>
    <!--//class core-->
</div>
<!--//class ic_content-->

<div class="car-list-main">
    <div class="container">
        <h2>特价车<small class="push-right"><a href="list.do?special=1" title="更多" >更多>></a> </small></h2>
        <div class="hbc-list clearfix">
        	<#list model.specialCars as c>
			<div class="car-item <#if c_index==0>first-item</#if>">
                <div class="car-img">
                    <a href="detail.do?id=${c.id}" target="_blank" title="${c.fullName!''}">
                        <img src="${base}${c.firstPicture!def_carPicture}" alt="${c.fullName!''}">
                    </a>
                    <#if c.status == 0>
					<span class="cl cl-${c.report.grade}"><@nerve.show_grade key=c.report.grade /></span>
					</#if>
                </div>
                <div class="car-info">
                    <div class="car-price">
                        <span class="price">
                        	<#if c.status == 0>
							${c.price}<em>万元</em>
							<#else>
							已售							
							</#if>
                        </span>
						<#if c.alias??>
						<span class="carNum">编号：${c.alias}</span>
						</#if>
                    </div>
                    <div class="car-link">
                        <a href="detail.do?id=${c.id}" target="_blank" title="${c.fullName!''}">
                        	<#if c.fullName?length gt 20>${c.fullName[0..19]}..<#else>${c.fullName}</#if>
						</a>
                    </div>
                    <div class="car-details">
                        <p>${c.plateDate!''}上牌<br>里程：${c.mileage!''}万公里</p><a href="detail.do?id=${c.id}" target="_blank" class="list-btn">查看详情</a>
                    </div>
                </div>
            </div>
			</#list>
        </div>
        <!--//class hbc-list-->

		<!--不显示占标车  on 2015年11月12日01:02:44-->
        <h2 class="hide">占标车推荐<small class="push-right"><a href="list.do?category=1" title="更多" >更多>></a> </small></h2>
        <div class="zbc-list clearfix hide">
        	<#list model.categoryCars as g>
            <div class="car-item <#if g_index==0>first-item</#if>">
                <div class="car-img">
                    <a href="detail.do?id=${g.id}" target="_blank" title="${g.fullName} ">
                        <img src="${base}${g.firstPicture!def_carPicture}" alt="${g.fullName} ">
                    </a>
                    <#if g.status == 0>
					<span class="cl cl-${g.report.grade}"><@nerve.show_grade key=g.report.grade /></span>
					</#if>
                </div>
                <div class="car-info">
                    <div class="car-price">
                        <span class="price">
                        	<#if g.status == 0>
							${g.price}<em>万元</em>
							<#else>
							已售							
							</#if>
                        </span>
                    </div>
                    <div class="car-link">
                        <a href="detail.do?id=${g.id}" target="_blank" title="${g.fullName!''} ">
							<#if g.fullName?length gt 20>${g.fullName[0..19]}..<#else>${g.fullName}</#if>
						</a>
                    </div>
                    <div class="car-details">
                        <p>${g.plateDate!''}上牌<br>里程：${g.mileage}万公里</p><a href="detail.do?id=${g.id}" target="_blank" class="list-btn">查看详情</a>
                    </div>
                </div>
				</div>
				</#list>
            </div>
			
            <!--//class car-item-->
		
        <h2>最新寄卖推荐<small class="push-right"><a href="list.do?new=1" title="更多" >更多>></a> </small></h2>
        <div class="zbc-list clearfix">
        	<#list model.newCars as n>
            <div class="car-item <#if n_index==0>first-item</#if>">
                <div class="car-img">
                    <a href="detail.do?id=${n.id}" target="_blank" title="${n.fullName} ">
                       <img src="${base}${n.firstPicture!def_carPicture}" alt="${n.fullName} ">
                    </a>
                   <span class="cl cl-${n.report.grade}"><@nerve.show_grade key=n.report.grade /></span>
                </div>
                <div class="car-info">
                    <div class="car-price">
                        <span class="price">
                        	<#if n.status == 0>
							${n.price}<em>万元</em>
							<#else>
							已售							
							</#if>
                        </span>
						<#if n.alias??>
						<span class="carNum">编号：${n.alias}</span>
						</#if>
                    </div>
                    <div class="car-link">
                       <a href="detail.do?id=${n.id}" target="_blank" title="${n.fullName!''} ">
							<#if n.fullName?length gt 20>${n.fullName[0..19]}..<#else>${n.fullName}</#if>
						</a>
                    </div>
                    <div class="car-details">
                       <p>${n.plateDate!''}上牌<br>里程：${n.mileage}万公里</p><a href="detail.do?id=${n.id}" target="_blank" class="list-btn">查看详情</a>
                    </div>
                </div>
            </div>
            <!--//class car-item-->
		</#list>
        </div>
        <!--//class jm-list-->
		
		<@nerve.storeList />
    </div>
    <!--//class container-->
</div>
<!--//class car-list-main-->

<@nerve.footer>
<!--焦点图调用-->
<script>
    $(function(){
        jQuery(".slide-box").slide({mainCell:".bd ul",effect:"leftLoop",autoPlay:true,delayTime:2000,interTime:5000});
    });
    jQuery(".adv").slide({ mainCell:".pic",effect:"fold", autoPlay:true, delayTime:600, trigger:"click"});
	
	function c(n,v){
		window.location.href = "${base}/list.do?"+n+"="+v;
	}
	function chengResale(){
		var d=($("#v1").serialize()+"&").replace("bean.title=&","");
		if(d.indexOf("%E9%80%89%E6%8B%A9%E5%B9%B4%E4%BB%BD")>=0||d.indexOf("%E9%80%89%E6%8B%A9%E6%9C%88%E4%BB%BD")>=0 || d.indexOf("bean.brand.id=0")>=0|| d.indexOf("=&")>=0){
			alert("表单项不能留空，多谢合作");
			return false;
		}
		return true;
	}
</script>
</@nerve.footer>